<template>
    <div class="hello">
        <h1>{{ msg }}</h1>
    </div>
</template>

<script>
import {
    mapGetters,
    mapActions
} from "vuex";
import router from '@/router/index';
import qs from 'qs';
import axios from "axios";

export default {
    name: "hello",
    data () {
        return {
            message: "Welcome",
            text: ""
        };
    },
    methods: {
        ...mapActions([ // 加载需要用到在actions绑定的方法
            "showMsg"
        ])
    },
    computed: {
        ...mapGetters([ // 加载从getters上绑定的状态值
            "msg"
        ])
    },
    components: {

    }
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
    h1{
        margin: 20px;
    }
</style>
